<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			/* 
			 *有title的p元素,设置这个p元素的背景颜色 
			 */
			p[title] {
				background-color: yellow;
			}
			/* 
			 *有title="hello"的p元素,设置这个p元素的背景颜色 
			 */
			p[title="hello"] {
				background-color: red;
			}
			/* 
			 *所有以"hello"开头的的p元素,设置这个p元素的背景颜色 
			 */
			p[title^="hello"] {
				background-color: red;
			}
			/**
			 * hello 结尾的
			 */
			p[title&="hello"] {
				background-color: yellow;
			}
			/**
			 * 中间含有d
			 */
			p[title*="d"] {
				background-color: blue;
			}
		</style>
	</head>
	<body>
		<!-- title属性，作为一个提示文字。可以给任何标签 -->
		<p title="hello">我是一个段落</p>
		<p title="helld">我是一个段落</p>
		<p>我是一个段落</p>
		<p>我是一个段落</p>
		<p title="hello我是一个title">我是一个段落</p>
	</body>
</html>
